<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="#{facesContext.externalContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css"/>        
        <title>Main Template</title>
    </h:head>    
    <h:body>
        <div id="wrapper">
            <div id="bg">
                <div id="header"></div>
                <div id="page">
                    <div id="container">
                      
                        <!-- banner -->
                        <div id="banner"></div>
                        <!-- end banner -->
                        <!-- horizontal navigation -->
                        <div id="nav1">
                            <ul>
                                <li id="current" style="border:none">
                                    <a href="#" shape="rect">Home</a>
                                </li>
                                <li>
                                    <a href="#" shape="rect">Products</a>
                                </li>
                                <li>
                                    <a href="#" shape="rect">Services</a>
                                </li>
                                <li>
                                    <a href="#" shape="rect">News</a>
                                </li>
                                <li>
                                    <a href="#" shape="rect">About</a>
                                </li>
                            </ul>
                        </div>
                        <ui:insert name="top"></ui:insert>
                        <!-- end horizontal navigation -->
                        <!--  content -->
                        <div id="content">                           
                            <div id="center">
                                 <ui:insert name="content">I am a Content</ui:insert>
                                <div id="welcome">

                                </div>
                            </div>
                            <div id="right">                                
                                <div id="sidebar">
                                    <ui:insert name="right">I am Right</ui:insert>
                                    <h3>Categories</h3>
                                    <ul class="vmenu">
                                        <li>
                                            <a href="#" shape="rect">Category 1</a>
                                        </li>
                                        <li>
                                            <a href="#" shape="rect">Category 2</a>
                                        </li>
                                        <li>
                                            <a href="#" shape="rect">Category 3</a>
                                        </li>
                                        <li>
                                            <a href="#" shape="rect">Category 4</a>
                                        </li>
                                        <li>
                                            <a href="#" shape="rect">Category 5</a>
                                        </li>
                                    </ul>
                                    <h3 style="margin-top:40px">News</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
                                    <div style="font-weight:bold;margin-top:20px">Call us : 00-123-456-789</div>
                                    <div style="text-align:center;margin:20px 0">
                                        <img src="images/call-1.jpg" />
                                    </div>
                                </div>
                            </div>
                            <div class="clear" style="height:40px"></div>
                        </div>
                        <!-- end content -->
                    </div>
                    <!-- end container -->
                </div>
                <div id="footerWrapper">
                    <div id="footer">
                        <ui:insert name="footer">footer</ui:insert>
                        <p style="padding-top:10px">
                            <!--
              KEEP THE FOLLOWING CODE IN RESPECT WITH COPYRIGHT OR MAKE
              A $10 DONATION AT WWW.DOTEMPLATE.COM IF YOU WANT TO REMOVE IT
                            -->
                            <a href="http://www.dotemplate.com" shape="rect">Web template</a> created with doTemplate
                        </p>
                    </div>
                </div>
            </div>
        </div>

    </h:body>

</html>
